﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>记录滚动条位置</title>
    <script type="text/javascript">
        function SetCookie(sName, sValue)
        {
            date = new Date();
            s = date.getDate();
            date.setDate(s+1);			//设置cookie的有效期
            document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();//创建cookie
        }
        function GetCookie(sName)
        {
            var aCookie = document.cookie.split("; "); //将cookie中的数据切割成数组，方便遍历
            for (var i=0; i < aCookie.length; i++)      //遍历cookie中的数据
            {
                var aCrumb = aCookie[i].split("=");         //将键和值分开
                if (sName == aCrumb[0]) {                   //判断是否是指定的键
                    return unescape(aCrumb[1]);}            //返回键对应的值
            }
            return null;
        }
        function winLoad()
        {
            document.body.scrollLeft = GetCookie("scrollLeft");//获取水平滚动条位置
            document.body.scrollTop = GetCookie("scrollTop");  //获取垂直滚动条位置
        }
        function winUnload()
        {
            SetCookie("scrollLeft", document.body.scrollLeft)  //保存水平滚动条位置
            SetCookie("scrollTop", document.body.scrollTop)    //保存垂直滚动条位置
        }
        window.onload = winLoad;                               //加载页面时自动执行获取cookie保存值的方法
        window.onunload = winUnload;                           //关闭页面时自动执行保存cookie的方法
    </script>
</head>
<body>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
</body>
</html>